/*公用样式*/
.wrap{ width: 96%; max-width: 1360px; margin: 0 auto;}
@font-face{font-family:shuzifont;src:url(' ../images/shuzifont.ttf');}
/*------------------------------------------------------------------------------------*/
.header{background:#FFF; width:100%;position:fixed;left:0;top:0;z-index:900;}
.top{ width:100%; min-width:1200px; height:26px; line-height:26px; background:#F3F3F3;}
.top .left{ float: left; font-size: 14px;}
.top .right{ float: right;}
.top .right ul{}
.top .right ul li{ margin-left: 30px; float: left;}
.top .right ul li a{ font-size: 14px; color: #666666;}
.top .right ul li i{ padding-right: 5px; font-size: 18px;}
.top .right ul li a:hover{ color: #FF0000}
.logo_box{ padding: 30px 0 10px; min-width: 1200px;}
.logo_box .left{float: left;}
.logo_box .right{float: right;}
.logo_box .right .coll{ float: left; padding-right: 20px; padding-top:0;}
.logo_box .right .coll i{ font-size: 60px; color: #B3B3B8; float: left;transform:translateY(-6px);}
.logo_box .right .coll .text{ float: left;}
.logo_box .right .coll .text b{ font-size: 12px; color: #333; font-weight: inherit;}
.logo_box .right .coll .text p{ font-size: 19px; color: #da2820; font-weight: bold;}
.logo_box .right .coll .text a{font-size: 19px; color: #da2820; font-weight: bold;}
.logo_box .right .coll .text a:hover{color: #333;}
.logo_box .right .erwei{ height:80px; float: right;}
.logo_box .right .erwei img{ height: 100%;transform:translateY(-5px);}
.nav{ width: 100%; min-width: 1200px; height:45px; line-height:45px; background: #343434;}
.nav ul{ border-left: 1px solid #464647;}
.nav ul li{ float: left; width: calc(100%/7 - 2px); border-right: 1px solid #464647; text-align: center;}
.nav ul li a{ display: block; font-size: 14px; color: #fff;}
.nav ul .on{ background: #DA2820;}
.nav ul li:hover{ background: #DA2820;}
.banner{ min-width: 1200px; padding-top:190px;}
.swiper-pagination-bullet-active{ background: #DA2820;}

/*疑惑*/
.yihuo{ padding: 80px 0 40px; min-width: 1200px; overflow: hidden;}
.yihuo .title{ width: 70%; float: right; border-bottom: 1px solid #CACACA; position: relative;}
.yihuo .title b{font-size: 30px; color: #333333; font-weight: inherit; padding-bottom: 10px; padding-left: 10px;}
.yihuo .title b p{display: inline; font-size: 16px; padding-left: 20px;}
.yihuo .title span{ width: 5px; height: 5px; background: #979797; border-radius: 50%; position: absolute; bottom: -2px;left: 0;display: block;}
.yihuo .left{ width: 30%; padding: 50px 5% 30px 2%; position: relative; float: left;}
.yihuo .right{ width: 60%; float: right;}
.yihuo .right ul{ padding: 40px 0;}
.yihuo .right ul li{ width: 40%; float: left; padding-right: 10%; padding-bottom: 30px;}
.yihuo .right ul li i{font-size: 26px; color: #8C8C8C; padding-right: 10px;}
.yihuo .right ul li b{font-size: 24px; color: #da2820; padding-bottom: 5px;}
.yihuo .right ul li b span{ display: inline; font-weight:lighter;}
.yihuo .right ul li p{font-size: 14px; color: #5E5E5E; line-height:26px;}

/*解决方案*/
.jiejue{ width: 100%; height: auto; background:url(../images/aboutbg.jpg) no-repeat;min-width: 1200px; background-size: auto 100%; background-position: center;background-attachment: fixed; position: relative; overflow: hidden;}
.jiejue .title{ text-align: center; color: #fff;padding-top: 85px;}
.jiejue .title b{ font-size: 30px; padding-bottom: 12px;}
.jiejue .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.jiejue .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.jiejue .left{ width:100%;float: left; padding:240px 0 150px;}
.jiejue .left ul{}
.jiejue .left ul li{ color: #fff; width: 33%; float: left; text-align: center;}
.jiejue .left ul li b{ font-size: 82px; font-family: shuzifont;}
.jiejue .left ul li span{ font-size: 14px; padding-bottom: 20px;}
.jiejue .left ul li p{ font-size: 12px; opacity: 0.5;filter: alpha(opacity=50);line-height: 21px;}
.jiejue .right{position: absolute; right:0%; bottom: 0;}
.jiejue .right .ren{bottom: 0; right: 0;}
.jiejue .right .renlogo{position: absolute; left:40px; top: 19%;z-index: 2;}

/*合作伙伴*/
.hezuo{ padding: 64px 0 30px; min-width: 1200px; border-bottom: 1px solid #E3E3E3;}
.hezuo .title{ text-align: center; color: #000;}
.hezuo .title b{ font-size: 30px; padding-bottom: 12px;}
.hezuo .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.hezuo .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.hezuo .hezuo_logo{ padding:30px 0 50px;}
.hezuo .hezuo_logo .swiper-slide{ overflow: hidden;}
.hezuo .hezuo_logo .swiper-slide img{ width: calc(100% - 2px);border:1px solid #E4E4E4;}

/*产品中心*/
.index_porduct{ padding-top:60px;min-width: 1200px;}
.index_porduct .title{ text-align: center; color: #000;}
.index_porduct .title b{ font-size: 30px; padding-bottom: 12px;}
.index_porduct .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.index_porduct .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.index_porduct .choice{ text-align: center; margin: 40px 0; color: #E3E3E2;}
.index_porduct .choice a{padding: 15px 30px; color: #333; font-size: 14px;}
.index_porduct .choice .on{background: #1E57BF; color: #fff;}
.index_porduct .choice a:hover{background: #1E57BF; color: #fff;}
.index_porduct .porduct .zu ul{ float: left;}
.index_porduct .porduct .z1{ width: 40%;}
.index_porduct .porduct .z1 li{ width: 49.5%; float: left; margin-right: 0.5%;margin-bottom: 0.5%;}
.index_porduct .porduct .z2{ width: 39.8%; margin-right: 0.2%;}
.index_porduct .porduct .z2 li{ width: 100%;}
.index_porduct .porduct .z3{ width: 20%;}
.index_porduct .porduct .z3 li{ width: 99%; margin-bottom: 1%;}
.index_porduct .porduct .zu ul li{ position: relative; overflow: hidden;}
.index_porduct .porduct .zu ul li img{ width: 100%;}
.index_porduct .porduct .zu ul li .text{position: absolute; width: 100%; height: 100%; top: 0;left: 0;}
.index_porduct .porduct .zu ul li .text span{ height: 0%; width: 100%; position: absolute; z-index: 1; left: 0; top: 50%;transform:translateY(-50%); background: rgba(0,0,0,0.5);}
.index_porduct .porduct .zu ul li .text b{ position: absolute; font-size: 20px; font-weight: inherit; z-index: 2; left: 50%; top: 60%; transform:translate(-50%,-50%); color:#fff;opacity: 0;filter: alpha(opacity=0); }
.index_porduct .porduct .zu ul li .text .more{ position: absolute; z-index: 3;left: 50%; top: 80%; transform:translate(-50%,-50%); width:50px;height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: #1E57BF;  color: #fff;opacity: 0;filter: alpha(opacity=0);}
.index_porduct .porduct .zu ul li .text .more i{font-size: 14px; display: block;}
.index_porduct .porduct .zu ul li:hover .text span{ height: 100%;}
.index_porduct .porduct .zu ul li:hover .text b{top: 40%;opacity: 1;filter: alpha(opacity=100); }
.index_porduct .porduct .zu ul li:hover .text .more{top: 60%;opacity: 1;filter: alpha(opacity=100); }
.index_porduct .porduct .zu ul li .more:hover{ background: #DA2820;}
.index_porduct .porduct .zu ul li .more:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.index_porduct .porduct .zu ul li:hover img{transform: scale(1.1);}

/*简介*/
.jianjie{ padding-top:80px;min-width: 1200px; background: url(../images/jianjie_bg.jpg) no-repeat;}
.jianjie .title{ text-align: center; color: #fff; padding-bottom: 100px;}
.jianjie .title b{ font-size: 30px; padding-bottom: 12px;}
.jianjie .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.jianjie .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.jianjie .jianjiebox{ background: #fff;}
.jianjie .jianjiebox .left{ width: 45%; margin-top: -50px;float: left; overflow: hidden;}
.jianjie .jianjiebox .left img{ width: auto; padding-left: 20px; padding-bottom: 10px}
.jianjie .jianjiebox .right{ width: 48%; padding-right: 3%; float: right; padding-top: 60px;}
.jianjie .jianjiebox .right .text{}
.jianjie .jianjiebox .right .text h3{font-size: 18px; color: #333; font-weight: bold;}
.jianjie .jianjiebox .right .text b{font-size: 22px; color: #da2820; padding-bottom: 30px;}
.jianjie .jianjiebox .right .text .neirong{font-size: 14px; line-height: 24px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 20px;}
.jianjie .jianjiebox .right .text .more{ width: 160px; height: 50px; overflow: hidden; line-height: 50px; border-radius: 5px; text-align: center; color: #fff; background-image: -webkit-linear-gradient(0deg,#E4E4E4,#D3D3D3); font-size: 14px; float: left; position: relative;}
.jianjie .jianjiebox .right .text .more p{ display: block; position: inherit;z-index: 2; color: #333;}
.jianjie .jianjiebox .right .text .more i{ position: absolute;z-index: 3; color: #333; top: 50%; right: 20%;transform:translateY(-50%); font-size: 12px; color: #fff;opacity: 0;filter: alpha(opacity=0);}
.jianjie .jianjiebox .right .text .more span{ width: 0%; height:100%; background: #DA2820; display: block;position: absolute; left:0%; top: 0%;z-index: 1;}
.jianjie .jianjiebox .right .text .more:hover span{ width: 100%;}
.jianjie .jianjiebox .right .text .more:hover p{ color: #fff;transform:translateX(-10px);}
.jianjie .jianjiebox .right .text .more:hover i{opacity: 1;filter: alpha(opacity=100);}
.jianjie_img{ width: 100%;}

/*新闻*/
.news{ padding-top: 40px; min-width: 1200px; background: #F3F3F3; padding-bottom: 20px; overflow: hidden;}
.news .title{ text-align: center; color: #000; padding-bottom: 40px;}
.news .title b{ font-size: 30px; padding-bottom: 12px;}
.news .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.news .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.news .left{ width:calc(65% - 80px); padding: 40px; float: left; background: #fff;}
.news .left .contents{}
.news .left .contents .tabs{ border-bottom: 1px dashed #DEDEDE; padding-bottom: 20px;}
.news .left .contents .tabs a{margin-right: 40px; font-size: 20px; color: #666;}
.news .left .contents .tabs .active{color: #da2820;}
.news .left .contents .hot_news{padding: 13px 0; border-bottom: 1px dashed #DEDEDE;}
.news .left .contents .hot_news .news_img{ width: 26%; float: left; overflow: hidden;}
.news .left .contents .hot_news .news_img img{ width: auto; height: 140px;}
.news .left .contents .hot_news:hover .news_img img{transform: scale(1.1);}
.news .left .contents .hot_news .text{ width: 70%; float: right;}
.news .left .contents .hot_news .text b{font-size: 16px; color: #333; padding-bottom: 6px; padding-top: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news .left .contents .hot_news .text span{font-size: 13px; color: #666; padding-bottom: 20px;}
.news .left .contents .hot_news .text p{font-size: 14px; color: #666;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news .left .contents .indexnewslist{ padding-top:10px; }
.news .left .contents .indexnewslist ul{}
.news .left .contents .indexnewslist ul li{ width:49%; float: left; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE;font-size: 14px;}
.news .left .contents .indexnewslist ul li a{display: block; color: #333;}
.news .left .contents .indexnewslist ul li:hover a{ color: #E8312D;}
.news .left .contents .indexnewslist ul li p{ float: left; width: 80%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news .left .contents .indexnewslist ul li span{float: right; color: #989898;}
.news .left .contents .indexnewslist ul li:nth-child(odd){ margin-right: 2%;}
.news .right{ width: calc(34% - 80px); padding: 40px; float: right; background: #fff;}
.news .right b{ font-size: 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDDDDD;}
.news .right ul{ padding-top: 10px;}
.news .right ul li{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news .right ul li a{font-size: 14px; height: 32px; line-height: 32px; display: block; color: #555555;}

/*表单*/
.biaodan{ min-width: 1200px; padding: 40px 0; overflow: hidden;}
.biaodan .left{ width:46%;float: left;}
.biaodan .left .title{ text-align: center; color: #000; padding-bottom: 80px; padding-top: 20px;}
.biaodan .left .title b{ font-size: 30px; padding-bottom: 12px;}
.biaodan .left .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.biaodan .left .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.liucheng{ width: 90%; margin: 0 auto;height: auto; position: relative;}
.liucheng ul li{ cursor:pointer; position: absolute; width: 130px; height: 130px; border: 1px dashed #AAAAAA;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);border-radius: 7px; overflow: hidden;}
.liucheng ul li .text{width: 100%; height: 100%; text-align: center; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.liucheng ul li i{ font-size: 36px; padding-top: 23px; display:block; color: #BFBFBF; padding-bottom: 5px;}
.liucheng ul li b{ font-size: 16px; display:block; font-weight: inherit; padding-bottom: 6px;}
.liucheng ul li p{ font-size: 13px; color: #888;}
.liucheng ul li:nth-child(1){}
.liucheng ul li:nth-child(2){top: 100px; left: 100px;}
.liucheng ul li:nth-child(3){top: 0; left: 200px;}
.liucheng ul li:nth-child(4){top: 200px; left: 200px;}
.liucheng ul li:nth-child(5){top: 100px; left: 300px;}
.liucheng ul li:nth-child(6){top: 0; left: 400px;}
.liucheng ul li:hover{ background: #E2312D; border: 1px dashed rgba(255,255,255,0); box-shadow: 4px 3px 5px rgba(0,0,0,0.22);}
.liucheng ul li:hover i{color: #fff;}
.liucheng ul li:hover b{color: #fff;}
.liucheng ul li:hover p{color: #fff;}

/*真·表单*/
.biaodan .right{ width: 46%;  padding: 70px 0; padding-left: 4%; float: right; background: url(../images/biaodan_bg.jpg) no-repeat;}
.biaodan .right .liuyan{ width: 60%; float: left; padding: 26px; padding-top: 40px; background: rgba(255,255,255,0.8);border-radius: 8px; box-shadow: 1px 0px 9px rgba(0,0,0,0.2);}
.biaodan .right .liuyan .text{ height: 42px;line-height: 42px; border: 1px solid #E4E4E4;background: #fff; width:calc(100% - 20px); padding: 0 10px; margin-bottom: 5px; border-radius: 4px; font-size: 14px;}
.biaodan .right .liuyan .content{ height: 140px; border: 1px solid #E4E4E4;background: #fff; width:calc(100% - 20px); padding: 10px 10px; margin-bottom: 10px; border-radius: 4px;}
.biaodan .right .liuyan .submit{ width: 200px; height: 46px; margin: 0 auto; display: block; text-align: center; line-height: 46px; border-radius: 5px; background: #E2312D; color: #fff;}

/*友情链接*/
.link{ width: 100%; min-width: 1200px; height: auto; padding: 35px 0 50px; border-top: 1px solid #E4E4E4;}
.link b{display: inline; float: left; padding-right: 3%; color: #E2312D;}
.link a{display: inline-block; float: left; margin: 0 1%; font-size: 14px; color: #666;}
.link a:hover{ color:#da2820;}

/*底部*/
.footer{ width: 100%; min-width: 1200px; background: #000;}
.footer .cptongdao{ line-height:24px; padding:25px 0; font-size: 14px; border-bottom: 1px solid #1C1C1C; text-align: center; color: #fff;}
.footer .cptongdao a{margin-left:15px; color: #fff; }
.footer .cptongdao a:hover{ color:#da2820;}
.footer .left{ width: 65%; float: left; padding:40px 0 40px;}
.footer .left{ width: 65%; float: left; padding:40px 0 40px;}
.footer .left ul{}
.footer .left ul li{float: left;}
.footer .left ul li b{ color: #A7A7A7; font-size: 16px; padding-bottom: 20px;}
.footer .left ul li a {margin-right: 10px;}
.footer .left ul li a i{ color: #858585;}
.footer .left ul li p{ color: #858585; font-size: 12px; line-height: 26px;}
.footer .left ul li p a{color: #858585;}
.footer .left ul li p a:hover{color: #fff;}
.footer .left ul li p i{ padding-right: 5px;}
.footer .left ul li:nth-child(1){ width: 20%;}
.footer .left ul li:nth-child(2){ width: 40%;}
.footer .right { width: 110px; height: 110px; float: right; margin-top:40px;}
.footer .right img{ width: 100%; height: auto;}
.footer .banquan{ width: 100%; height: 50px; line-height: 50px; text-align: center; border-top: #1C1C1C solid 1px;}
.footer .banquan p{font-size: 12px; color: #666;}
.footer .banquan p a{ display: inline-block; color: #666;}
.footer .banquan p img{padding-left: 15px;}
.footer .banquan p span{ display:inline;}

/*内页主图*/
.ny_banner{ width: 100%; min-width: 1200px; position: relative; padding-top:190px;}
.ny_banner .text{ position: absolute; color: #fff; text-align: center;}
.ny_banner img{ width: 100%;}
.ny_banner .text b{font-size: 36px; padding-bottom: 6px;}
.ny_banner .text p{font-size: 16px;}
.ny_banner a{ width: 24px; height: 40px; border: 1px solid #fff; border-radius: 15px; display: block; position: absolute; left: 50%; bottom: 40px;transform:translateX(-50%);}
.ny_banner a i{ width:3px; height: 10px; border-radius: 1px; display: block; background: #fff; margin: 0 auto;transform:translateY(10px);}

/*info*/
.profile{ width: 100%; min-width: 1200px; padding:50px 0;}
.profile .left{ width: 50%;float: left; padding-top:9%;}
@media screen and (max-width:1300px){
.profile .left{padding-top:12%;}
}
.profile .left img{ width:90%;}
.profile .right{ width: 50%;float: right;}
.profile .right h2{font-size: 30px; color: #eb191a; padding-bottom: 4px; font-weight: bold;}
.profile .right p{font-size: 16px; color: #555555; padding-bottom: 30px;}
.profile .right b{font-size: 22px; color: #333333; font-weight: inherit; padding-bottom: 14px;}
.profile .right span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin-bottom: 24px;}
.profile .right .text{ font-size: 14px; line-height: 22px; color: #333333;}
.info_shuzi{ width: 100%; min-width: 1200px; position: relative; overflow: hidden;}
.info_shuzi img{ width: auto; height: 520px; left: 50%; position: inherit;transform:translateX(-50%);}
.info_shuzi .shuzi{ width: 1130px; position: absolute; left: 50%;transform:translateX(-50%); top: 35%; color: #fff; z-index: 2;}
.info_shuzi .shuzi ul li{ width: 33.3%; float: left; text-align: center; position: relative;}
.info_shuzi .shuzi ul li i{ font-size: 40px; width: 88px; height: 88px; line-height: 88px; margin: 0 auto;display: block; border-radius: 50%;text-align: center; border: 1px solid #fff;}
.info_shuzi .shuzi ul li b{ font-size: 74px; font-family: shuzifont;transform:translateX(-15px);}
.info_shuzi .shuzi ul li span{ position: absolute; font-size: 14px;}
.info_shuzi .dingwei{ width: 1360px;position: absolute; left: 50%;transform:translateX(-50%); top: 0%; color: #9D0D0D; z-index: 1;}
.info_shuzi .dingwei ul li{ font-size: 20px;position: absolute;}
.shijing{ width: 96%; padding:50px 0 0; min-width: 1200px; margin: 0 auto;}
.shijing .title{ text-align: center; padding-bottom:30px;}
.shijing .title b{font-size: 30px; color: #333333; padding-bottom: 10px;}
.shijing .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 10px;}
.shijing .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.shijing .honorList .swiper-scrollbar{ width: 60%; background:rgba(0,0,0,0.2); height: 5px;left: 50%;transform:translateX(-50%);}
.shijing .honorList .swiper-scrollbar .swiper-scrollbar-drag{ background:#eb191a;}
.pinzhi{ width: 100%; min-width: 1200px; padding:50px 0; background: #F6F6F6;}
.pinzhi .title{ text-align: center; padding-bottom:20px;}
.pinzhi .title b{font-size: 30px; color: #333333; padding-bottom: 10px;}
.pinzhi .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 10px;}
.pinzhi .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}
.pinzhi .tabs{ width: 24%; float: left; height: auto; margin-right: 20px;}
.pinzhi .tabs a{ height:69px; width: 80%; padding: 16px 10%; background: #fff; display: block; margin-bottom: 10px; position: relative;}
.pinzhi .tabs a i{ width: 75px; height: 75px; line-height: 75px; float: left; text-align: center; font-size: 40px; border-radius: 50%; display: block; margin-right: 5%; color: #fff;}
.pinzhi .tabs a b{ font-size: 24px; padding: 10px 0 5px;}
.pinzhi .tabs a p{ font-size: 14px; opacity: 0.5;filter: alpha(opacity=50);}
.pinzhi .tabs a .text{ position: inherit; z-index: 2;}
.pinzhi .tabs a .back{ width: 1%; height: 100%;display: block; position: absolute;top: 0; left: 0;z-index: 1;}
.pinzhi .tabs a:hover .back{ width: 100%;}
.pinzhi .tabs .active{color:#fff;}
.pinzhi .tabs .active .back{ width: 100%;}
.pinzhi .tabs a:hover{ color: #fff;}
.pinzhi .tabs a:hover i{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.pinzhi .tabs a:nth-child(1) i{background: #EA0C0C;}
.pinzhi .tabs a:nth-child(1) .back{ background: #EA0C0C;}
.pinzhi .tabs a:nth-child(1) i img{ margin: 0 auto; padding-top: 20px;}
.pinzhi .tabs a:nth-child(2) i{background: #60AA45;}
.pinzhi .tabs a:nth-child(2) .back{ background: #60AA45;}
.pinzhi .tabs a:nth-child(3) i{background: #00C8F9;}
.pinzhi .tabs a:nth-child(3) .back{ background: #00C8F9;}
.pinzhi .tabs a:nth-child(4) i{background: #FFA623;}
.pinzhi .tabs a:nth-child(4) .back{ background: #FFA623;}
.pinzhi #tabs-container{background: #fff;}
.pinzhi #tabs-container .left{ width: calc(50% - 100px); float: left; padding: 50px; font-size: 14px; color: #333333; line-height: 28px;}
.pinzhi #tabs-container .right{ width: calc(50% - 50px); float: right; padding: 50px 50px 0 0;}
.pinzhi #tabs-container .right img{ width: 100%;}
.rongyu{ width: 100%; min-width: 1200px; padding-top: 80px;}
.rongyu .title{ padding-bottom:15px; border-bottom: 1px solid #EAEAEA;}
.rongyu .title .left{ float: left; width: 20%;}
.rongyu .title .left b{font-size: 30px; color: #eb191a;}
.rongyu .title .left p{font-size: 18px; color: #555555;}
.rongyu .title .right{ float: left; width: 80%;}
.rongyu .title .right b{ font-size: 18px; color: #555555; padding-bottom: 10px;}
.rongyu .title .right p{ font-size: 15px; color: #555555; line-height: 28px;}
.zzjg img{ max-width:100%; display:block; margin:0 auto; padding:15px 0;}

/*porductlist*/
.porductlist{ min-width: 1200px; background: #F6F6F6;}
.porductlist .left{ width: 16%; padding: 50px 1%; height: auto; float: left; text-align: center;}
.porductlist .left b{color: #000000; font-size: 20px; padding-bottom: 30px;}
.porductlist .left ul{}
.porductlist .left ul li{ height:35px;line-height:35px; width: 100%; border-radius:2px;}
.porductlist .left ul .on{background: #E22F2B;}
.porductlist .left ul .on a{color: #fff;}
.porductlist .left ul li a{display: block;}
.porductlist .left ul li:hover{ background: #E22F2B;}
.porductlist .left ul li:hover a{ color: #fff;}
.porductlist .right{width: 82%; float: left; background: #fff; overflow:hidden;}
.porductlist .right .pord_box{ padding: 50px;}
.porductlist .right .pord_box ul{}
.porductlist .right .pord_box ul li{ float: left; width:calc(25% - 1%); margin-right: 1%; margin-bottom: 1%; position: relative; overflow: hidden; padding-bottom: 40px;}
.porductlist .right .pord_box ul li img{ width: 100%;}
.porductlist .right .pord_box ul li .text{position: absolute; width: 100%; height: 100%; top: 0;left: 0;}
.porductlist .right .pord_box ul li .text span{ height: 0%; width: 100%; position: absolute; z-index: 1; left: 0; top: 50%;transform:translateY(-50%); background: rgba(0,0,0,0.5);}
.porductlist .right .pord_box ul li .text b{ position: absolute; font-size: 20px; font-weight: inherit; z-index: 2; left: 50%; top: 60%; transform:translate(-50%,-50%); color:#fff;opacity: 0;filter: alpha(opacity=0); }
.porductlist .right .pord_box ul li .text .more{ position: absolute; z-index: 3;left: 50%; top: 80%; transform:translate(-50%,-50%); width:50px;height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: #1E57BF;  color: #fff;opacity: 0;filter: alpha(opacity=0);}
.porductlist .right .pord_box ul li ul li .text .more i{font-size: 14px; display: block;}
.porductlist .right .pord_box ul li:hover .text span{ height: 100%;}
.porductlist .right .pord_box ul li:hover .text b{top: 35%;opacity: 1;filter: alpha(opacity=100); }
.porductlist .right .pord_box ul li:hover .text .more{top: 55%;opacity: 1;filter: alpha(opacity=100); }
.porductlist .right .pord_box ul li .more:hover{ background: #DA2820;}
.porductlist .right .pord_box ul li .more:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.porductlist .right .pord_box ul li:hover img{transform: scale(1.1);}
.porductlist .right .pord_box ul li p{ padding: 15px 0; text-align: center; background: #fff; position: absolute;bottom: 0; width: 100%;z-index: 999;}
@media screen and (max-width: 1420px){
	.porductlist .right .pord_box ul li{ width: calc(33.33% - 1%);}
}
.porduct_bot{ width: 100%; min-width: 1200px;}
.porduct_bot ul{}
.porduct_bot ul li{ width: 50%; float: left; position: relative; overflow:hidden;}
.porduct_bot ul li img{ width: 100%;}
.porduct_bot ul li .text{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); color: #fff;z-index: 2;}
.porduct_bot ul li .text b{font-size: 28px; padding-bottom: 8px;}
.porduct_bot ul li .text p{font-size: 14px; text-align: center;}
.porduct_bot ul li span{ position: absolute; width: 100%; left: 0; top: 50%;transform:translateY(-50%); height: 30%; background: rgba(0,0,0,0);z-index: 1;}
.porduct_bot ul li:hover span{height:105%;background: rgba(0,0,0,0.7);}
.porduct_bot ul li:hover .text{transform:translate(-45%,-50%);}


/*aetclelist*/
.ny_hui{ width: 100%; background: #f6f6f6; min-width: 1200px;}
.aetclelist_tabs{ width: 100%; min-width: 1200px; height: 70px;}
.aetclelist_tabs ul li{ width: 33.33%; height: 70px; line-height: 70px; text-align: center; float: left; background: #CACACA;}
.aetclelist_tabs ul li a{display: block; border-left: 1px solid #FFFFFF; color: #fff;}
.aetclelist_tabs ul li:nth-child(1) a{ border-left: 0px;}
.aetclelist_tabs ul .on{background: #7E7E7E;}
.aetclelist_tabs ul li:hover{ background: #7E7E7E;}
.aetclelist .nbx{ width: 100%; height: 47px; line-height: 47px; padding-top: 10px;color: #979797; font-size: 14px; }
.aetclelist .nbx a{ color: #979797; font-size: 14px;}
.aetclelist .nbx i{ margin: 0 5px;}
.aetclelist .list{ width: 100%; }
.aetclelist .list ul{}
.aetclelist .list ul li{ width: 100%; background: #fff; padding-bottom: 20px; margin-bottom:6px;}
.aetclelist .list ul li .riqi{ width: 10%; float: left; text-align: center; font-family: shuzifont;padding-top:20px;}
.aetclelist .list ul li .riqi span{ color:#999;}
.aetclelist .list ul li .riqi b{ font-size: 60px; color: rgba(0,0,0,0.8); font-family: shuzifont; color: #585858; line-height:65px;}
.aetclelist .list ul li .text{ width: 68%; float: left; padding-top:20px; }
.aetclelist .list ul li .text b{ font-size: 22px; padding-bottom:5px;}
.aetclelist .list ul li .text span{ font-size: 14px; color: rgba(0,0,0,0.6); padding-bottom:10px;}
.aetclelist .list ul li .text p{ font-size: 14px;line-height: 20px; color: rgba(0,0,0,0.88);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.aetclelist .list ul li .text span i{padding-right: 6px;}
.aetclelist .list ul li .img{ width: 20%; float: right; padding-right: 2%;}
.aetclelist .list ul li .img img{width: 90%; float: right; margin-top:10%;}
.aetclelist .list ul li:hover .img img{transform: scale(1.05);}
.aetclelist .list ul li:hover .riqi b{ color: #E3312D;transform: translateX(-5px); }

/*分页符*/
.page{text-align:center;padding-top:20px; padding-bottom:40px;}
.page ul{left:50%;padding-bottom:9pt}
.page ul,.page ul li{float:left;position:relative}
.page ul li{right:50%;margin-right:4px;text-align:center}
.page ul li a{color:#666;border:1px solid #e1e1e1}
.page ul li a,.page ul li a:hover{display:block;width:40px;height:40px;line-height:40px;text-align:center;transition:1s}
.page ul li a:hover{background:#da2820;color:#fff;border:1px solid #da2820}
#page-dq{background:#da2820}
#page-dq a{color:#fff;border:1px solid #da2820}
#page-dq a:hover{background:0 0}

/*人才招聘*/
.zhaoping{padding: 20px 0;}
.zhaoping ul li{padding: 30px; background: #fff; margin-bottom:10px;}
.zhaoping ul li .title { padding-bottom: 10px; border-bottom: 1px solid #E3E9EB;}
.zhaoping ul li .title b{ font-size: 24px; padding-bottom: 10px;}
.zhaoping ul li .title .widget-metas{ font-size: 12px; color: #333;}
.zhaoping ul li .title .widget-metas a{ color: #333;}
.zhaoping ul li .title .widget-metas span{ float: left; margin-right: 20px;}
.zhaoping ul li .title .widget-metas span i{font-size: 12px; margin-right: 6px;}
.zhaoping ul li .text{font-size: 14px; padding:20px 0 0; line-height: 28px;}

/*联系我们*/
.lxwomen{ width: 100%; min-width: 1200px; padding: 20px 0;}
.lxwomen .left{ width: 40%; float: left; padding-top: 60px;}
.lxwomen .left a:hover{color: #da2820;}
.lxwomen .left b{font-size: 26px; padding-bottom: 20px; border-bottom: 1px solid #C3C3C3;}
.lxwomen .left p{font-size: 14px; line-height: 28px; padding: 10px 0; border-bottom: 1px dashed #C3C3C3;}
.lxwomen .left .erwei{width: 120px; padding: 10px 0;}
.lxwomen .left .erwei img{width: 100%;}
.lxwomen .right{width: 50%; float: right;}
.lxwomen .right img{width: 100%;}
.lxwm_ly{ width: 100%;min-width: 1200px; height: auto; padding: 80px 0; background: url(../images/lxwm_lybg.jpg); }
.lxwm_ly form{}
.lxwm_ly form .text{ height: 44px; line-height: 44px; background: #fff; border: 1px solid #DEDEDE; margin-bottom: 10px; border-radius: 5px;}
.lxwm_ly form .bd_c{ width: calc(100% - 22px); padding: 0 10px;}
.lxwm_ly form .bd_d{ width: calc(50% - 27px); padding: 0 10px; float: left;}
.lxwm_ly form input:nth-child(2){ margin-right: 10px;}
.lxwm_ly form input:nth-child(4){ margin-right: 10px;}
.lxwm_ly form .content{background: #fff;min-height:140px; border: 1px solid #DEDEDE; margin-bottom: 10px; border-radius: 5px; width: calc(100% - 22px); padding:10px;}
.lxwm_ly form .submit{ width: 100%; height: 44px; line-height: 44px; background: #666; color: #fff;border-radius: 5px; cursor:pointer;}
.lxwm_ly form .submit:hover{background: #E2312D;}
.lxwm_ly .title{ text-align: center; color: #000; padding-bottom: 20px;}
.lxwm_ly .title b{ font-size: 30px; padding-bottom: 12px;}
.lxwm_ly .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.lxwm_ly .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}


/*新闻详情*/
.article_box{ width: 100%; height: auto; background: #F3F3F3; padding-top: 30px; min-width:1200px;}
.article{ padding:40px 70px 80px; border: 1px solid #EDEDED; background: #fff; border-bottom: 1px solid #D6D6D6;}
.article .artile_title h1{ font-size: 26px; text-align: center; display: block; font-weight: bold;}
.article .artile_title h4{ text-align: center; display: block; padding:10px 0; color: #666; font-size: 14px; font-weight:inherit; border-bottom: 1px solid #EDEDED;}
.article .artile_title span{ display: inline;}
.article .td_touxiang{ width: 30%; height: auto; float: left; overflow: hidden; border: 1px solid #f0f0f0;}
.article .td_touxiang img{ width: 100%;}
.article .td_nrtext{ width: 65%; float: right;}
.article .artile_title{ margin-bottom: 20px;}
.article .content{ font-size: 16px; color: #000; line-height:28px;padding-top:30px;}
.article .content strong{ padding-top: 16px;}
.article .content img{ display: inline;}
.xmtfx{ width: 100%; height:10px; position: relative; padding-top:10px;}
.xmtfx .bdsharebuttonbox{ position: absolute; left: 50%;transform: translate(-50%,0); }
.sypxyp{ width:100%; padding-bottom:40px; padding-top: 20px; font-size: 14px; border-top: 3px solid #D6D6D6;}
.sypxyp .wzprev{ margin-bottom: 5px;}
.sypxyp .wznext{}
.sypxyp a{ font-size: 14px;}
.sypxyp a:hover{ color: #376AC1;}

.bdshare-button-style1-24 .bds_qzone{background-position:0 -52px}.bdshare-button-style1-24 .bds_tsina{background-position:0 -104px}.bdshare-button-style1-24 .bds_renren{background-position:0 -208px}.bdshare-button-style1-24 .bds_tqq{background-position:0 -260px}.bdshare-button-style1-24 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style1-24 .bds_tqf{background-position:0 -364px}.bdshare-button-style1-24 .bds_hi{background-position:0 -416px}.bdshare-button-style1-24 .bds_douban{background-position:0 -468px}.bdshare-button-style1-24 .bds_tieba{background-position:0 -728px}.bdshare-button-style1-24 .bds_hx{background-position:0 -988px}.bdshare-button-style1-24 .bds_fx{background-position:0 -1040px}.bdshare-button-style1-24 .bds_ty{background-position:0 -1196px}.bdshare-button-style1-24 .bds_fbook{background-position:0 -1352px}.bdshare-button-style1-24 .bds_twi{background-position:0 -1404px}.bdshare-button-style1-24 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style1-24 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style1-24 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style1-24 .bds_diandian{background-position:0 -1820px}.bdshare-button-style1-24 .bds_huaban{background-position:0 -1872px}.bdshare-button-style1-24 .bds_duitang{background-position:0 -2028px}.bdshare-button-style1-24 .bds_youdao{background-position:0 -2080px}.bdshare-button-style1-24 .bds_wealink{background-position:0 -2184px}.bdshare-button-style1-24 .bds_copy{background-position:0 -2288px}.bdshare-button-style1-24 .bds_mail{background-position:0 -2340px}.bdshare-button-style1-24 .bds_print{background-position:0 -2392px}.bdshare-button-style1-24 .bds_mshare{background-position:0 -2444px}.bdshare-button-style1-24 .bds_sqq{background-position:0 -2652px}.bdshare-button-style1-24 .bds_sdo{background-position:0 -2704px}.bdshare-button-style1-24 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style1-24 .bds_people{background-position:0 -2808px}.bdshare-button-style1-24 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style1-24 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style1-24 .bds_thx{background-position:0 -2496px}.bdshare-button-style1-24 .bds_bdhome{background-position:0 -156px}.bdshare-button-style1-24 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style1-24 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style1-24 .bds_isohu{background-position:0 -3016px}.bdshare-button-style1-24 .bds_more{background-position:0 0}.bdshare-button-style1-24 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style1-24 .bds_weixin{background-position:0 -1612px}.bdshare-button-style1-24 .bds_iguba{background-position:0 -1300px}.bdshare-button-style1-24 .bds_h163{background-position:0 -3168px}.bdshare-button-style1-24 .bds_evernotecn{background-position:0 -3211px}.bdshare-button-style1-24{zoom:1}.bdshare-button-style1-24:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style1-24 a,.bdshare-button-style1-24 .bds_more{float:left;font-size:18px;padding-left:25px;line-height:24px;height:24px;background-image:url(../images/icons_1_24.png?v=37be22f4.png);_background-image:url(../images/icons_1_24_debase.png?v=37be22f4.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style1-24 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style1-24 .bds_more{color:#333;float:left}.bdshare-button-style1-24 .bds_count{color:#333;background:url(../images/sc.png?v=a970ff04.png) no-repeat 0 0;width:45px;height:24px;padding:0;margin:6px 0 0;text-align:center}.bdshare-button-style1-24 .bds_count:hover{background-position:-44px 0}.bdshare-button-style1-24 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}.bdshare-button-style1-24 .bdshare_button_count{background:url(../images/sc.png?v=a970ff04.png) no-repeat 0 0;width:44px;height:24px;line-height:24px}.bdshare-button-style1-24 .bdshare_button_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}


/*右侧贴边*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:Rgba(0,0,0,0.5);margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px; font-weight:normal; color:#666;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.porductlist .right {margin-bottom: 30px;}
.porductlist .right .porduct_img{ width: calc(60% - 100px); padding:50px; float: left;}
.porductlist .right .porduct_img .swiper-slide img{ width: 100%;}
.porductlist .right .por_text{ float: left;}
.porductlist .right .por_text h1{font-size: 28px; padding-bottom: 30px; color: #000; font-weight:bold;}
.swiper-button-next, .swiper-button-prev{background: inherit;}
.swiper-button-next i, .swiper-button-prev i{font-size: 30px; color: #fff;}
.porductlist .right .por_text{width: calc(40% - 100px); padding:50px; padding-left: 0; float: left; padding-top: 100px;}
.porductlist .right .por_text .text em{ font-weight: inherit; display: block; font-size:22px; padding-bottom: 10px;}
.porductlist .right .por_text .text .cpjsms{ padding: 0; font-size: 14px; line-height: 28px; padding-bottom: 10px;}
.porductlist .right .por_text .text .cpjsms span{display: inline;font-size: 30px;}

.porductlist .right .por_text .text .bdsharebuttonbox{ left:16%;}

/*推荐产品*/
.news_porduct_box .title{ text-align: center; color: #000; padding-top:50px;}
.news_porduct_box .title b{ font-size: 30px; padding-bottom: 12px;}
.news_porduct_box .title span{ width: 68px; height: 4px; background-image: -webkit-linear-gradient(0deg,#A2E6F8,#BBF87B);display: block; margin: 0 auto 16px;}
.news_porduct_box .title p{ opacity: 0.5;filter: alpha(opacity=50); font-size: 14px;}

.news_porduct_box{ width:90%; min-width: 1200px; height: auto; overflow: hidden; padding-bottom:40px; position: relative; margin:0 auto;}
.news_porduct{ margin-top: 30px; overflow: hidden;}
.news_porduct .swiper-button-prev{left: 0;}
.news_porduct .swiper-button-next{right: 0;}
.news_porduct_button{ width: 50px; height: 50px; text-align: center;line-height: 50px; background: rgba(0,0,0,0.3);z-index: 999; position: absolute;}
.news_porduct_button .iconfont{ font-size: 20px; display: block; color: #fff;}
.news_porduct ul li{ background: #fff; padding-bottom: 30px; position: relative;}
.news_porduct ul li .porduct_list_img{ width:100%; overflow: hidden;}
.news_porduct ul li img{ width: 100%; height: auto;}
.news_porduct ul li p{ display: block; text-align: center; padding-top: 10px;}
.news_porduct ul li span{ display: block; width: 100%; height: 100%; position: absolute; top:0;left:0; background: rgba(0,0,0,0.0);}
.news_porduct ul li .porduct_list_icon{ position:absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); opacity:0.0;filter:alpha(opacity=0);}
.news_porduct ul li .porduct_list_icon i{ width: 42px; height: 42px; line-height: 42px; margin: 0 auto;display: block; font-size: 20px; text-align: center; margin-bottom: 10px; color: #fff; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%;}
.news_porduct ul li .porduct_list_icon em{ color: #fff; text-align: center;display: block;}
.news_porduct ul li:hover span{background: rgba(0,0,0,0.6);}
.news_porduct ul li:hover .porduct_list_icon{opacity:1;filter:alpha(opacity=10);transform:translate(-50%,-40%);}
.news_porduct ul li:hover img{ transform:scale(1.1);}
.news_porduct ul li:hover p{transform:translateY(-10px); color: #fff;}
.news_porduct .swiper-button-disabled{z-index: 2;}